/*css 初始化 */
:root{font:16px/1.8 Verdana, "microsoft yahei";color:#333;/*background-color: #f4f4f4;*/}
@media (min-width: 499px) and (max-width: 550px){
    :root{font-size:18px;}
}
@media (min-width: 550px) and (max-width: 599px){
    :root{font-size:20px;}
}
@media (min-width: 600px) and (max-width:700px){
    :root{font-size:22px;}
}
@media (min-width: 700px){
    :root{font-size:24px;}
}

html { -webkit-text-size-adjust: none; }
html ,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0;box-sizing: border-box;}
table { border-collapse:collapse; border-spacing:0; width:auto; }
ul, li { list-style:none; }
input:not([type=text]) { cursor: pointer; vertical-align: middle; }

img { border:0; vertical-align:middle;max-width:100%;}
a { text-decoration:none;color: inherit; -webkit-tap-highlight-color: transparent;}
a:hover { }
a:focus,input:focus,textarea:focus,button:focus { outline-style:none; }
i,em{font-style: normal;text-decoration: none;}
b{font-weight: normal;}
button{border:none;}

.fl { float:left; }
.fr { float:right; }
.tr { text-align:right; }
.tl { text-align:left; }
.tc { text-align:center; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;line-height: 0;}

.flex { display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.flex >li,.flex >div{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.hide { display: none!important;}
